<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优惠/现金券</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <script src="../module/ydui/ydui.flexible.min.js"></script>
    <link href="../module/ydui/ydui.min.css" rel="stylesheet">
    <link href="../css/coupon.css" rel="stylesheet">
</head>
<body>
<section class="g-flexview sf-limitwidth">
    <ul class="sf-coupon-type">
        <li class="type-discount current">优惠券</li>
        <li class="type-cash">现金券</li>
    </ul>
    <ul class="sf-coupon-status">
        <li class="status-notused current">
            <div>未使用(<span>2</span>)</div>
        </li>
        <li class="status-used">
            <div>已使用(<span>1</span>)</div>
        </li>
        <li class="status-expired">
            <div>已过期(<span>3</span>)</div>
        </li>
    </ul>
    <ul class="sf-container">
        <li>
            <div class="box discount notused"><!--discount,cash--><!--notused,used,expired-->
                <div class="info-lf">
                    <div class="cost">￥50</div>
                    <div class="fullof">满299可用</div>
                </div>
                <div class="info-rg">
                    <div class="scope">部分商品可用</div>
                    <div class="date">
                        <span>2017/10/10-23:59到期</span>
                        <span class="btn-use-coupon">立即使用</span>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</section>
</body>
</html>